<template>
	<div class="shehui-box">
		<div class="she-new" v-for="(item,index) in this.$store.state.shehuiNewList">
			
			<div class="title">{{ item.title }}</div>
			<div class="new-img">
				<img :src="item.thumbnail_pic_s" alt="">
				<img :src="item.thumbnail_pic_s02" alt="">
			</div>
			<div class="fot">
				<span>发布时间:{{ item.date }}</span>
				<span>来自:{{ item.author_name }}</span>
			</div>
				
		</div>
	</div>
</template>

<script>
	import { nowNew } from '../libs/getData.js'
	export default {
		name: 'SheHui',
		mounted() {
			nowNew('shehui')
		}
	}
</script>

<style lang="less" scoped="scoped">
	.shehui-box{
		width: 100%;
		padding-top: .38rem;
		padding-bottom: .44rem;
		.she-new{
			width: 96%;
			height: 1.4rem;
			background-color: #F5F5F5;
			margin: .15rem 2%;
			border-radius: .1rem;
			box-shadow: 1px 1px 3px 2px #ccc;
			.title{
				width: 100%;
				height: .2rem;
				font-size: .14rem;
				line-height: .2rem;
				text-align: center;
			}
			.new-img{
				width: 100%;
				height: 1rem;
				display: flex;
				justify-content: space-around;
				align-items: center;
				img{
					width: 1.3rem;
					height: 1rem;
				}
			}
			.fot{
				display: flex;
				justify-content: space-around;
				font-size: .14rem;
			}
		}
	}
</style>
